/*
  学习目标：生命周期的创建阶段-
  钩子函数： 
  💥注意：早期，只有类组件具有生命周期。 
*/
import React, { Component } from 'react';

export default class App extends Component {
  // 1. 构造函数 - 对标vue中 beforeCreate 和 created
  constructor() {
    super();
    console.log('constructor执行了 ');
    this.state = {
      msg: '123',
    };
    this.textRef = React.createRef();
  }

  // 2.
  render() {
    console.log('render执行了');
    return <h1>123</h1>;
  }

  // 3.挂载后， 对标Mounted
  componentDidMount() {
    console.log('componentDidMount执行了');
    console.log('document.querySelector()  ----->  ', document.querySelector('h1'));
  }
}
